<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>书籍详情</title>
    <link rel="stylesheet" href="/book/font/iconfont.css">
    <link rel="stylesheet" href="/book/layui/css/layui.css" media="all">
    <script src="/book/font/iconfont.js"></script>
    <script src="/book/layui/layui.js"></script>
    <link rel="stylesheet" href="/book/css/bookinfo.css">
</head>
<body>

<!--导航-->
<nav>
    <a href="/book/index/index"><span class="icon iconfont">&#xe899;</span></a>
    <a href="">书籍详情</a>
    <a href="">浏览记录</a>
</nav>

<!--书籍详情-->
<div class="book-info">
    <div class="book-info-top">
        <a href=""><img src="/book/images/list1.jpg" alt=""></a>
        <a href="">
            <span>超级富豪</span>
            <span>都市 | 连载中</span>
            <span>字数 <i>23万字</i></span>
            <span>浏览量 <i>1600次</i></span>
        </a>
    </div>
    <div class="book-info-bottom">
        <a href="/book/chapter/read" type="button" class="layui-btn layui-btn-sm layui-btn-normal">开始阅读</a>
        <button type="button" class="layui-btn layui-btn-sm layui-btn-primary">加入书架</button>
    </div>
    <div class="book-info-descr">
        从小奶奶就说思其命里有劫，本以为是母亲早死，谁知道却是遭雷劈，思其命苦……被雷劈到穿越你敢信？还好穿到了不错的人家。又是什么节奏？
    </div>
</div>

<!--福利-->
<div class="book-info-welfare">
    <div>
        <span>/人/票</span>
        <button type="button" class="layui-btn layui-btn-sm layui-btn-primary">我要投票</button>
    </div>
    <div>
        <span>/次5书币</span>
        <button type="button" class="layui-btn layui-btn-sm layui-btn-primary">立即打赏</button>
    </div>
</div>

<!--章节列表-->
<div class="book-info-chapter-list">
<!--    <hr style=" height:2px;border:none;border-top:2px dotted #185598;" />-->
    <button type="button" class="layui-btn layui-btn-fluid builtin">最新章节：第一百二十八章 我还是喜欢你</button>
    <a href=""><span>第一章</span></a><hr class="hrdescr"/>
    <a href=""><span>第二章</span></a><hr class="hrdescr"/>
    <a href=""><span>第三章</span></a><hr class="hrdescr"/>
    <a href=""><span>第四章</span></a><hr class="hrdescr"/>
    <a href=""><span>第五章</span></a><hr class="hrdescr"/>
    <a href=""><span>第六章</span></a><hr class="hrdescr"/>
    <a href=""><span>第七章</span></a><hr class="hrdescr"/>
    <a href=""><span>第八章</span></a><hr class="hrdescr"/>
    <a href="/book/chapter/index"><span>查看更多...</span></a>
</div>

<!--作者详情-->
<div class="book-info-author">
    <div class="book-info-author-desc">
        <i style="width: 3px;height: 20px; background: #e55b06;"> &nbsp</i>
        <span>关于作者 ： 浮生</span>
    </div>
    <div class="book-info-author-book-list">
        <a href="">
            <img src="/book/images/list1.jpg" alt="">
            <span>作者新书</span>
        </a>
        <a href="">
            <img src="/book/images/list1.jpg" alt="">
            <span>作者新书2</span>
        </a>
        <a href="">
            <img src="/book/images/list1.jpg" alt="">
            <span>作者新书3</span>
        </a>
    </div>
</div>
{{--同款书籍--}}
<div class="book-type-one">
    <div class="book-type-one-title">
        <i style="width: 3px;height: 20px; background: #e55b06;"> &nbsp</i>
        <div><span>同款书籍</span></div>
        <div><a href="">更多</a></div>
    </div>
    <div class="book-type-one-list">
        <div class="book-type-one-detail">
            <a href="/book/book/bookInfo">
                <img src="/book/images/list1.jpg" alt="">
                <div>萌宝驾到：总裁爹地轻点宠</div>
                <span>浮生一颗小秘密</span>
            </a>
        </div>
        <div class="book-type-one-detail">
            <a href="">
                <img src="/book/images/list1.jpg" alt="">
                <div>萌宝驾到</div>
                <span>浮生  著</span>
            </a>
        </div>
        <div class="book-type-one-detail">
            <a href="">
                <img src="/book/images/list1.jpg" alt="">
                <div>萌宝驾到：总裁爹地轻点宠</div>
                <span>浮生  著</span>
            </a>
        </div>
        <div class="book-type-one-detail">
            <a href="">
                <img src="/book/images/list1.jpg" alt="">
                <div>萌宝驾到：总裁爹地轻点宠</div>
                <span>浮生  著</span>
            </a>
        </div>
        <div class="book-type-one-detail">
            <a href="">
                <img src="/book/images/list1.jpg" alt="">
                <div>萌宝驾到：总裁爹地轻点宠</div>
                <span>浮生  著</span>
            </a>
        </div>
        <div class="book-type-one-detail">
            <a href="">
                <img src="/book/images/list1.jpg" alt="">
                <div>萌宝驾到：总裁爹地轻点宠</div>
                <span>浮生  著</span>
            </a>
        </div>
    </div>
</div>
</body>
</html>